/* 清除默认样式 */

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html,
body {
  font-family: "Microsoft YaHei", "-apple-system", "Arial", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "sans-serif";
  font-size: 14px;
  min-height: 100%;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}
html {
    font-size: 62.5%;
    /*10 ÷ 16 × 100% = 62.5%*/
}


li {
    list-style: none;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: bottom;
    border: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

em {
    font-style: normal;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

/* 隐藏滚动条 */

.hiddenScroll::-webkit-scrollbar {
    display: none
}

/* 滚动条样式 */

.scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #eee;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #dcdcdc;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
/*清除浮动*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    clear: both;
}

a {
    color: inherit;
    text-decoration: none;
    border: none;
    font-size: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-user-focus: none;
}

::selection {
    background: #633910;
    color: #FFF
}

::-moz-selection {
    background: #633910;
    color: #FFF
}
@font-face {
    font-family: "Barlow-Condensed-SemiBold";
    src: url(../fonts/Barlow-Condensed-SemiBold.ttf);
}
/* 响应字体 */

@media screen and (min-width: 1280px) {
    html {
        font-size: 88.8889px;
    }
}

@media screen and (min-width: 1440px) {
    html {
        font-size: 100px;
    }
}

@media screen and (min-width: 1680px) {
    html {
        font-size: 116.667px;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 133.333px;
    }
}

@media screen and (min-width: 2560px) {
    html {
        font-size: 177.778px;
    }
}

@media screen and (min-width: 3200px) {
    html {
        font-size: 222.222px;
    }
}

@media screen and (min-width: 3840px) {
    html {
        font-size: 266.667px;
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        -ms-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        -ms-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/* 页面载入动画 */

.ky {
    visibility: hidden;
}